<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="../js/jquery-1.11.1.js"></script>
<script>
	//等价于window.onload=function(){};
	$(function(){
		//1.基本选择器;
		//2.层次选择器;
		console.log($("#gz~li"));
		
		//3.过滤选择器<---------重点掌握;
		//(1)基本过滤;<---------重点掌握
		console.log($("li:first"));		
		console.log($("li:even"));		
		console.log($("li:lt(2)"));		
		console.log($("li:not(#gz)"));
		//(2)内容过滤
		console.log($("li:contains('州')"));
		//(3)可见性过滤
		console.log($("li:hidden"));
		
		//(4)属性过滤
		console.log($("li[id]"));
		
		//(5)状态过滤
		console.log($("input:disabled"));	
		console.log($("input:checked"));

		//4.表单选择器
		console.log($(":radio"));
		
		
		
	});

</script>	

</head>
<body>
	<ul>
		<li>北京</li>
		<li>上海</li>
		<li id="gz">广州</li>
		<li id="sz">深圳</li>
		<li>杭州</li>
		<li>天津</li>
		<li style="display:none;">重庆</li>
	</ul>
	
	<!-- readonly:只读,数据依然可以提交给服务器,
		disabled:禁用,数据无法提交给服务器 -->
	
	
	<p>
		账号:<input type="text"  value="1" disabled/>
	</p>
	<p>
		密码:<input type="password"/>
	</p>
	
	<p>
		<input type="radio" name="sex" checked/>男 
		<input type="radio" name="sex"/>女 
			
	</p>
	
	<p>
	
	</p>
	
	
	
</body>
</html>